<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../js/css.js"></script>
    <link rel="stylesheet" href="../css/style-zj.css">
    <link rel="stylesheet" href="../css/hzy.css">
    <style>
        .close-m{
            position: absolute;
            right: 13px;
            top: 10px;
        }
    </style>
</head>
<body style="background-color: #fff;">
<header><a class="icon_back"></a>云家故事</header>
<div class="head_height"></div>
<div class="progress" id="vue-box" v-cloak>
    <div class="first">
        <div class="title">进度查询</div>
        <div class=""></div>
    </div>
    <div class="progress-status">
        <span class="status-png" v-if="progress.schedule==1?true:false"></span>
        <span class="status-png status-png-2" v-if="progress.schedule==2?true:false"></span>
        <span class="status-png status-png-3" v-if="progress.schedule==3?true:false"></span>
        <span class="status-png status-png-4" v-if="progress.schedule==4?true:false"></span>
    </div>
    <div class="detail-content mt-50">
        <div class="back-content comm1-orderdetail">
            <div class="li-text">
                <div>
                    <div class="cont"><i class="png-1 time1-icon icon-top2"></i>拍摄时间：<span>{{progress.shootTime?progress.shootTime:'待选择'}}</span></div>
                </div>
                <div v-if="progress.schedule==3?true:false">
                    <div class="cont"><i class="png-1 time1-icon icon-top2"></i>排期时间：<span>{{progress.samplingTime}}</span></div>
                </div>
                <div v-if="progress.schedule==4?true:false">
                    <div class="cont"><i class="png-1 time1-icon icon-top2"></i>选片时间：<span>{{progress.chooseTime}}</span></div>
                </div>
                <div>
                    <div class="cont"><i class="png-1 dianpu1-icon icon-top2"></i>拍摄门店：<span>{{progress.storeName}}</span></div>
                </div>
                <div>
                    <div class="cont"><i class="png-1 weizhi-icon icon-top2"></i>拍摄地址：<span>{{progress.storeAddress}}</span></div>
                </div>
            </div>
        </div>
    </div>
    <div class="change-time-box" v-if="progress.schedule == 1 || progress.changeNum == 1">
        <div class="btn-changeTime">修改预约时间</div>
        <div class="msg-promit"><span>我有疑问</span><i class="png-2 problem-icon icon-top2 pr-sty3"></i></div>
    </div>

    <div class="msg-modal hide">
        <div class="mask_1"></div>
        <div class="content">
            <i class="close-m"></i>
            <div>拍摄时间说明</div>
            <div>
                您享有一次修改预约拍摄时间的机会，请至少提前10天修改，若有疑问，请致电客服。您享有一次修改预约拍摄时间的机会，请至少提前10天修改，若有疑问，请致电客服。
            </div>
        </div>
    </div>

</div>
</body>
<script src="../js/config.js"></script>
<script>
    var orderId = getUrlParam('orderId');
    var type = getUrlParam('type') || 1;
    var app = new Vue({
        el:'#vue-box',
        data:{
            progress:[],
        },
        mounted:function(){
            var _this = this;
            get_ajax("order/getScheduleDetail", {orderId:orderId,type:type,token: token}, function (data) {
                console.log(data);
                _this.progress = data;
            });
        }
    })


    $(document).on('click','.btn-changeTime',function(){
        window.location.href='choice_time_clone.html?storeId='+app.progress.storeId+'&orderId='+app.progress.orderId;
    })

    $(document).on('click','.problem-icon',function(){
        $('.msg-modal').removeClass('hide');
    })
    $(document).on('click','.mask_1,.close-m',function () {
        $('.msg-modal').addClass('hide');
    })
</script>
</html>